/** 
 * 学习目标:兄弟组件传值
 * 
+ 思想：**状态提升**
+ 公共父组件职责：
  + 提供共享状态 
  + 提供操作共享状态的方法
+ 要通讯的子组件只需通过 props 接收状态或操作状态的方法
 * */
import React, { Component } from 'react';
import Husband from './components/Husband';
import Wife from './components/Wife';

export default class App extends Component {
    state = {
        money: 0,
    };
    /* 赚钱方法 */
    handleMakeMoney = (num) => {
        this.setState({ money: this.state.money + num });
    };
    render() {
        return (
            <div>
                <h1 style={{ textAlign: 'center' }}>家庭存款：</h1>
                <Husband money={this.state.money} handleMakeMoney={this.handleMakeMoney}></Husband>
                <hr />
                <Wife handleMakeMoney={this.handleMakeMoney}></Wife>
            </div>
        );
    }
}
